<template>
	<div class="wrapLogin">
		<h3><img src="../../static/img/titlelogo.png" /></h3>
		<div class="loginContent">
			<p><img src="../../static/img/loginPhoneG.png" /><input placeholder="请输入手机号" /></p>
			<p><img src="../../static/img/psdH.png" /><input placeholder="请输入密码" /></p>
		</div>
		<button class="sureBtn">登录</button>
		<p class="forgetPsd"><span class="forgetSpan">忘记密码</span><span class="regist">立即注册</span></p>
		<p class="bottomWarn"><img src="../../static/img/loginWarn.png" /> <span class='firstSpan'>如您在马鞍山市民卡微信公众号已注册</span><span class="secondSpan">可直接使用该账号登录</span></p>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped="scoped" lang="less">
.wrapLogin{
	width: 100%;
	height: 100%;
	background: white;
	position: relative;
	h3{
		img{
			width: 60%;
			margin-left: 20%;
			margin-top: 2.36rem;
			margin-bottom: 1.38rem;
		}
	}
	.loginContent{
		width: 92%;
		margin-left: 4%;
		p{
			height:1.6rem;
			border-bottom: 1px solid #eee;
			img{
			width:0.52rem;
			margin-top: 0.6rem;
			float: left;
			margin-left: 0.78rem;
			}
			input{
				float: left;
				margin-left: 0.7rem;
				box-sizing: border-box;
				padding: 0;
				border: 0;
				height: 100%;
				line-height: 1.6rem;
				font-size: 0.4rem;
			}
		}
	}
	.sureBtn{
			width: 94%;
			margin-left: 3%;
			border-radius: 0.8rem;
			background:#55c259;
			color: white;
			font-size: 0.42rem;
			border: 0 none;
			height: 1.2rem;
			margin-top:0.7rem;
		}
		.forgetPsd{
			font-size: 0.4rem;
			color: #55c259;
			margin-top: 0.4rem;
			width: 84%;
			margin-left: 8%;
			.forgetSpan{
				float: left;
			}
			.regist{
				float: right;
			}
		}
}

.bottomWarn{
	position: absolute;
	bottom: 0.36rem;
	color:#343744 ;
	left: 0;
	width: 100%;
	font-size: 0.4rem;
	img{
		width: 0.46rem;
		margin-left: 1.56rem;      
		margin-top: 0.06rem;
		margin-right: 0.15rem;
		float: left; 
	}
	.firstSpan{
		float: left;
	}
	.secondSpan{
		text-align: center;
		display:block;
		width: 100%;
		float: left;
	}
	
}

</style>